Repository navigation
Redesign homepage: new hero, platform cards, Quick start demo and Features Overview - #77
Merged
Merged
Conversation
…nd dot wing backgrounds
…start and Companion sections; restructure Features Overview
Contributor
There was a problem hiding this comment.
🟡 Changes recommended
Unresolved styling and animation defects, missing screenshot pause controls, and inaccurate license-eligibility copy leave functional, accessibility, and documentation issues.
6 open issues
Add a pause control for the auto-advancing screenshots · New Do not restart completed animations when visibility returns · New Avoid globally registering the shared --shift property as a number · New Scroll the reduced-motion finished state to the unfolded method · New Preserve public-sector and publicly traded license exclusions · New Do not imply all nonprofits qualify for the free license · New
What changed in this PR
Redesigns the QuestPDF documentation homepage to highlight its C# workflow, platform support, Companion App, and licensing, while improving navigation and onboarding.
Changes:
- Reorganizes the homepage with a centered hero, statistics, animated feature cards, and refreshed licensing content.
- Reworks the invoice demo with responsive code scrolling, document zooming, and change highlights.
- Adds a documentation dropdown, shared canvas decorations, and clearer getting-started instructions.
| File | Description |
|---|---|
package.json |
Adds Font Awesome light icons. |
package-lock.json |
Locks the new icon dependency. |
docs/quick-start.md |
Provides runnable setup steps and evaluation-license guidance. |
docs/invoice-tutorial.md |
Moves license guidance beside the generation example. |
docs/.vitepress/theme/VitepressAdjustments.css |
Styles the documentation dropdown and hover behavior. |
docs/.vitepress/theme/pricing/PricingTiers.vue |
Refreshes tier descriptions and text spacing. |
docs/.vitepress/theme/pricing/PricingIndex.vue |
Adds canvas dot decorations. |
docs/.vitepress/theme/pricing/PricingFaq.vue |
Adds a navbar-aware FAQ anchor. |
docs/.vitepress/theme/pricing/PricingContact.vue |
Adjusts reseller logo sizing. |
docs/.vitepress/theme/NavDocumentationMenu.vue |
Adds grouped documentation navigation. |
docs/.vitepress/theme/license/LicensePurchaseSuccess.vue |
Integrates shared dot decorations. |
docs/.vitepress/theme/license/LicenseIndex.vue |
Adds decorations around the legal-page header. |
docs/.vitepress/theme/license/documents/DocumentTemplate.vue |
Adds decorations to legal documents. |
docs/.vitepress/theme/index.ts |
Registers the custom navigation component. |
docs/.vitepress/theme/homepage/sessionBuilder.ts |
Supports C# session highlighting, initial folding, and marked regions. |
docs/.vitepress/theme/homepage/QuickStartCodeFigure.vue |
Adds an animated IDE illustration. |
docs/.vitepress/theme/homepage/QuickStartAgentFigure.vue |
Adds an animated agent illustration. |
docs/.vitepress/theme/homepage/quickStart.data.ts |
Defines the revised invoice-editing demonstration. |
docs/.vitepress/theme/homepage/HomePageTrust.vue |
Reorganizes standards and local-execution cards. |
docs/.vitepress/theme/homepage/HomePageStatistics.vue |
Extracts statistics into a standalone section. |
docs/.vitepress/theme/homepage/HomePageStack.vue |
Adds a platform-stack illustration component. |
docs/.vitepress/theme/homepage/HomePageSpecimen.vue |
Adds an animated document-validation illustration. |
docs/.vitepress/theme/homepage/HomePageSeal.vue |
Adds a reusable validation seal. |
docs/.vitepress/theme/homepage/HomePageQuickStartCards.vue |
Separates C# and AI workflow benefit cards. |
docs/.vitepress/theme/homepage/HomePageQuickStart.vue |
Updates demo layout, scrolling, zooming, and highlights. |
docs/.vitepress/theme/homepage/HomePageLicense.vue |
Replaces tier summaries with free and paid license panels. |
docs/.vitepress/theme/homepage/HomePageLayers.vue |
Adds animated platform layers and labels. |
docs/.vitepress/theme/homepage/HomePageHero.vue |
Simplifies and centers the hero message. |
docs/.vitepress/theme/homepage/HomePageEngineLanes.vue |
Adds an animated rendering-engine comparison. |
docs/.vitepress/theme/homepage/HomePageEngine.vue |
Introduces engine and feature-discovery cards. |
docs/.vitepress/theme/homepage/HomePageCtaTutorialVisual.vue |
Reworks the tutorial illustration into a layout reveal. |
docs/.vitepress/theme/homepage/HomePageCtaDeckVisual.vue |
Adjusts deck scale and positioning. |
docs/.vitepress/theme/homepage/HomePageCtaCard.vue |
Simplifies card links and responsive layout. |
docs/.vitepress/theme/homepage/HomePageCtaBuildVisual.vue |
Resizes the document and play-button illustration. |
docs/.vitepress/theme/homepage/HomePageCompanionScreens.vue |
Adds rotating Companion App screenshots. |
docs/.vitepress/theme/homepage/HomePageCompanion.vue |
Integrates screenshots and refreshes feature descriptions. |
docs/.vitepress/theme/homepage/HomePageApiOrbit.vue |
Adds an animated feature-count card. |
docs/.vitepress/theme/homepage/HomePage.vue |
Assembles the redesigned homepage sections. |
docs/.vitepress/theme/homepage/ctaTimeline.ts |
Adds shared visibility and animation helpers. |
docs/.vitepress/theme/homepage/companion/CompanionPage.vue |
Adds an invoice illustration with skeleton mode. |
docs/.vitepress/theme/homepage/companion/companionData.ts |
Defines Companion demo geometry and content. |
docs/.vitepress/theme/homepage/codeExamples/invoice.html |
Removes the legacy HTML demo source. |
docs/.vitepress/theme/homepage/codeExamples/Invoice.cs |
Adds the C# invoice demo source. |
docs/.vitepress/theme/homepage/agentSession.ts |
Coordinates responsive scrolling and revised demo states. |
docs/.vitepress/theme/dotWings.ts |
Implements shared canvas dot decorations and animation. |
docs/.vitepress/theme/CustomPages.css |
Refreshes shared surfaces, spacing, and decorations. |
docs/.vitepress/theme/Contact.vue |
Integrates shared dot decorations. |
docs/.vitepress/config.ts |
Replaces documentation links with the grouped dropdown. |
Review effort: Balanced
Comment on lines
+48
to
+51
| timer = window.setTimeout(() => { | ||
| current.value = (current.value + 1) % screens.length; | ||
| schedule(); | ||
| }, holdMs); |
| promptIndex.value = roundIndex.value; | ||
| promptTyped.value = prompt.value.length; | ||
| applied.value = rounds.length; | ||
| zoom.value = session.ending; |
| kind: "free", | ||
| lead: "Free license", | ||
| points: [ | ||
| { icon: faUser, text: "For individuals and organisations under $1M annual revenue" }, |
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.


No description provided.